<h1>{$name} - {$album.name}</h1>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<div class="products-holder">
	<ul class="products">
		{foreach $galleryImages as $img}
			<li>
				<a href="/{$img.image}" class="grouped_images">
					<div class="img-box">
						<img src="{thumbnail width=180 height=130}{$img.image}{/thumbnail}" alt='{$img.name|escape}' title='{$img.name|escape}' />
					</div>
				</a>
				<strong><a href="/{$img.image}">{$img.name}</a></strong>
			</li>
		{/foreach}
	</ul>
</div>

<script>
	$( function() {
		$("a.grouped_images").fancybox();
	} );
</script>